#util_article_choose .modal-dialog { width: 1000px }
#util_article_choose .modal-body { padding-top: 10px; padding-bottom: 0; min-width: 100%; height: auto; }
#util_article_choose .modal-footer { text-align: center }
#util_article_choose>.modal-dialog>.modal-content>.modal-header { padding-bottom: 0; padding-left: 0 }
#util_article_choose [event-columns="article-choose"] { margin-bottom: 0; border-bottom: none }
#util_article_choose [event-columns="article-choose"]>ul>li { padding: 11px 28px }
#util_article_choose .article-choose .body-content { }
#util_article_choose .group_list { float: left; margin-bottom: 12px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1; right: 0px; padding: 8px 15px 4px; -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 3px 4px rgba(0, 0, 0, .1), 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 3px 4px rgba(0, 0, 0, .1), 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 2px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 3px 4px rgba(0, 0, 0, .1), 0px 0px 0px rgba(0, 0, 0, 0); }
#util_article_choose .modal-footer .btn { width: 100px; }
#util_article_choose .group_list>.bootstrap-select { float: left !important }
#util_article_choose .modal-body>p { float: left; width: 100% }
#util_article_choose .group_list>button:first-child { margin-left: 0 }
#util_article_choose .group_list>.category-btn-list { display: block; overflow: hidden; float: left; width: 758px; height: 30px }
#util_article_choose .catbtn,
#util_article_choose .my-group { animation: fadeInFromRight 1s cubic-bezier(0, 1, 0, 1); }
#util_article_choose .group_list>.category-btn-list button { margin-bottom: 5px }
#util_article_choose .group_list>.more { min-width: 70px; display: none; border-color: #2F9833; color: #2F9833; animation: dropOut .5s ease; -webkit-animation: dropOut .5s ease; }
#util_article_choose .my-resource .res-det,
#util_article_choose .my-collection .res-det { margin-top: 42px; height: 338px; }
#util_article_choose .search_style_text { margin-top: 6px; float: right; margin-right: 6px; margin-top: -40px }
#util_article_choose .res-det { width: 100%; overflow: auto; }
#util_article_choose .recommend .res-det { height: 380px; }
#util_article_choose .body-content .res-det>div { width: 300px; padding: 15px; border: 1px solid #c7c7c7; float: left; margin-bottom: 20px; padding-bottom: 10px; position: relative; margin-right: 22px; overflow: hidden; transition: all ease .3s; -webkit-animation: bwScaleSmallToBig .6s cubic-bezier(0, 1, 0, 1); animation: bwScaleSmallToBig .6s cubic-bezier(0, 1, 0, 1) }
#util_article_choose .res-det>div:nth-child(3n),
#util_article_choose .div-resource>div:nth-child(3n) { margin-right: 0 }
#util_article_choose .res-det>div>* { margin-bottom: 5px }
#util_article_choose .res-det>div>*:first-child,
#util_article_choose .res-det>div>*:nth-child(4) { color: #C8C8C8 }
#util_article_choose .res-det>div>*:nth-child(4) { margin-bottom: 0; height: 42px; display: table-cell; vertical-align: middle }
#util_article_choose .res-det>div>span { display: block; width: 100% }
#util_article_choose .res-det>div>span:nth-child(2) { height: 40px }
#util_article_choose .body-content .cover { width: 100%; object-fit: cover; }
#util_article_choose .res-det>.selected>.selected:before { font-size: 34px; color: #fff; position: absolute; top: 40%; left: 44% }
#util_article_choose .res-det>div>.selected { margin-bottom: 0 }
#util_article_choose .res-det .filter>div { line-height: 36px; margin-top: 126px; text-align: center; float: none; }
#util_article_choose .res-det .filter>.selected>.icon-Nike { display: block }
#util_article_choose .res-det .filter>div>p>.icon-Preview:before,
#util_article_choose .res-det .filter>div>p>.icon-Nike:before { font-size: 24px; vertical-align: sub }
#util_article_choose .res-det .filter>div>p>* { cursor: pointer }
#util_article_choose .res-det .filter>div>p>a { color: #fff !important }
#util_article_choose .res-det .filter>div>p>a:hover { text-decoration: none !important }
#util_article_choose .res-det .filter>div>p>.icon-Nike:before { border: 1px solid #fff; border-radius: 50%; font-size: 16px }
#util_article_choose .category_select { background: #44B549 !important; border-color: #44B549 !important; color: #fff }
#util_article_choose .category_select:hover { background: #2F9833 !important; border-color: #2F9833 !important }
#util_article_choose .group_list button { border: 1px solid #c7c7c7; background: #fff; padding: 2px 12px; border-radius: 1px; min-width: 76px; margin-right: 10px }
#util_article_choose .my-resource { display: none }
#util_article_choose .group_list .bootstrap-select { margin-right: 14px; }
#util_article_choose .group_list .bootstrap-select .btn { border: none; }
#util_article_choose #my-collection .category-btn-list { width: 661px !important; }
#util_article_choose .group_list .spinner { position: absolute; top: 10px; }
#util_article_choose .body-content>.spinner { bottom: 45%; position: absolute; zoom: 1.5; left: 0; }
#util_article_choose .pageControl { text-align: right; padding: 10px; visibility: hidden; }
#util_article_choose .pageControl .inp_page { height: 34px; width: 64px; text-align: center; display: inline-block; vertical-align: middle; padding: 0 8px; border: 1px solid #ccc; border-radius: 4px; }
#util_article_choose .pageControl .glyphicon { padding: 6px; }
#util_article_choose .pageControl .pagenum { font-size: 14px; vertical-align: middle; }
#util_article_choose input::-webkit-outer-spin-button,
#util_article_choose input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }
#util_article_choose .res-det>div:hover { filter: progid:DXImageTransform.Microsoft.Shadow(color=#C7CBC4, direction=120, strength=3); -moz-box-shadow: 0px 0px 14px #C7CBC4; -webkit-box-shadow: 0px 0px 14px #C7CBC4; box-shadow: 0px 0px 14px #C7CBC4 }
#util_article_choose .res-det .filter { width: 100%; height: 100%; position: absolute; top: 100%; left: 0; color: #fff; background: rgba(0, 0, 0, 0.4); text-align: center; transition: top ease .3s; -webkit-transition: top ease .3s; cursor: pointer; }
#util_article_choose .selected>.filter { top: 100% !important }
#util_article_choose .res-det>div>.selected { width: 100%; height: 100%; position: absolute; top: -100%; left: 0; color: #fff; background: rgba(0, 0, 0, 0.4); text-align: center; transition: top ease .3s }
#util_article_choose .res-det>div:hover>.filter { top: 0 }
#util_article_choose .res-det>.selected>.selected { top: 0; }
#util_article_choose .filter .iconfont{ font-size: 18px; }